

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title> Mantenimiento - Servicio </title>
        
        <link href="css/bootstrap.css" rel="stylesheet">
           <script src="js/jquery-1.8.2.js"></script>
           <script src="js/jquery-ui-1.9.1.custom.js"></script>
           <script src="js/bootstrap.js"></script>
        
    </head>
    <body style="background-color:lightgrey">
        
        <html:form action="servicioMvc" method="POST"  >
           
           <table border="0" cellpadding="0" cellspacing="0" style="background-color:whitesmoke">
               
               <tr><td colspan="3" style="height:10px;"></td></tr>
               
               <tr>
                   <td></td>
        <td align="center">
        <table border="0" style=" background-color: whitesmoke;width: 850px; height: 82px; border:solid 1px #D41301;">
            <tr>
                <td colspan="3" align="left" >
                <table style="background-color:#255ED9;  WIDTH: 100%" border=0 
            cellSpacing=0 cellPadding=0>
                <tbody>
                <tr>
                <TD rowSpan=3 align=left style="height: 30px" >
                <img src="img/servicio.jpeg">
                
                </TD>
                <td style=" text-align:center; color:whitesmoke; font-style:normal; font-size: medium;
            font-weight: bold;font-family: Arial, Helvetica, sans-serif;  " colspan="3" >
            MANTENIMIENTO DE SERVICIOS - NUEVO</td>
            </TR>
            </tbody>
            </table>    
                        
             <tr>
                
             <td style="width: 850px; height: 100%;" align="left" valign="middle">
                    
              <table >   
                   <tr>
                   <td>
                     <!--   <tr>
                         <td align="left" colspan="12">
                       -->  
               <fieldset>
       
          <div> 
         <!--   <span>Codigo servicio actualizándose :</span>
          -->
          </div>   
      
        <div class="control-group">
          <div class="controls">
            <input type="hidden" id="tipo_operacion" name="tipo_operacion" value="">
          </div>
        </div>
          
                            
        
        <div class="control-group">
          <label class="control-label" for="servicio">Código:</label>
          <div class="controls">
            <input type="text" id="codigoServicio" name="CodigoServicio" value="">
             <html:text property="servicio.codigoServicio" styleClass="input-xlarge" />
          </div>
        </div>
        <div >
          <label class="control-label" for="servicio">Nombre:</label>
          <div >
            <input class="input-large" type="text" id="nombreServicio" name="NombreServicio" value="">
            <html:text property="servicio.nombre" styleClass="input-xlarge" />
          </div>
        </div>
                                  
       <!-- Tipo de Servicio select -->                   
         <div >
           
          <label class="control-label" for="servicio">Tipo de Servicio:</label>
          <div class="controls">
            <select id="tiposervicio" name="tiposervicio" class="input-xlarge"  style="WIDTH: 131px" >
                 <option value="" selected="selected">(Selecciona Tipo de Servicio)</option>
                    <option value="IM">Imprenta</option>
                    <option value="CA">Cafeteria</option>
            </select>
          </div>                   
        </div>   
         
       <div >
          <label >Costo:</label>
          <div >
            <input class="input-large" type="text" id="costoServicio" name="CostoServicio" value="">
            <html:text property="servicio.costo" styleClass="input-xlarge" />
          </div>
        </div>
       
        <!-- Sede select -->                   
         <div >
           
          <label class="control-label" for="servicio">Sede:</label>
          <div class="controls">
            <select id="sede" name="sede" class="input-xlarge"  style="WIDTH: 131px" >
                 <option value="" selected="selected">(Selecciona Sede)</option>
                    <option value="CA">Casona</option>
                    <option value="GR">Grau</option>
                    <option value="BO">Bolognesi</option>
                    <option value="UG1">Ugarte 1</option>
                    <option value="UG2">Ugarte 2</option>
                    <option value="UG3">Ugarte 3</option>
                                             
              </select>
          </div>                   
        </div> 
       
         <div >
          <label class="control-label" for="servicio">Responsable:</label>
          <div class="controls">
            <input class="input-large" type="text" id="responsableServicio" name="ResponsableServicio" value="">
            <html:text property="servicio.responsable" styleClass="input-xlarge" />
          </div>
          <label class="control-label" for="servicio">telefono:</label>
          <div class="controls">
            <input class="input-large" type="text" id="telefonoServicio" name="telefonoServicio" value="">
             <html:text property="servicio.telefono" styleClass="input-xlarge" />
          </div>
        </div> 
        
        <div >
          <label >Email:</label>
          <div >
            <input class="input-large" type="text" id="emailServicio" name="EmailServicio" value="">
           <html:text property="servicio.email" styleClass="input-xlarge" />
          </div>
        </div>
                   
        <br>
            
        </br>
          <div>  
          <button type="button" class="btn btn-primary" onclick="javascript:guardar();">Guardar</button>
          <button type="button" class="btn" onclick="javascript:cancelar();">Cancelar</button>   
          <button type="button" class="btn" onclick="javascript:window.close(this);">Salir</button>   
          </div> 
         </fieldset>
                             
              </td>
              </tr>
              </table>
               
               
             <tr><td colspan="3" style="height:10px;"></td></tr>
             <tr id="trDetalle" runat="server">
             </tr>
            <tr>
            <td colspan="3" class="LineaRoja"></td>
            </tr>            
            <tr>
            <td colspan="3" class="TextoFuente"><center>UCSUR-Taller de Programación 2013-05 
             </center></td>
            </tr> 
        </table>
        </td>
        </tr>
     </table>
    </html:form>
    </body>
</html>
